 @import 'gongshi.less';
.ge-head{
	position:fixed;
	top:0;
	width:100%;
	.px2rem(height,90);
	display: flex;
	justify-content:center;
	align-items:center;
	box-sizing: border-box;
	background: #fafafa;
	z-index: 10;
	/* border-bottom:1px solid #e9e9e9; */
	.ge-ll,.ge-lr{
		cursor:pointer;
		.px2rem(width,90);
		.px2rem(height,90);
		.px2rem(line-height,90);
		text-align: center;
		.px2rem(font-size,40);
		.px2rem(letter-spacing,2);
	}
	.ge-lr{
		.px2rem(font-size,32);
	}
	.ge-ceti{
		flex:1;
		color: #acabac;
		.px2rem(font-size,32);
		.px2rem(letter-spacing,2);
		text-align:center;
	}
}
.ge-main{
	.px2rem(padding-top,150);
	background: #f4f4f4;
	border:1px solid #ccc;
	.nav-list{
		width: 100%;
		z-index: 10;
		position: fixed;
		.px2rem(top,90);
		.px2rem(height,60);
		.px2rem(line-height,60);
		background: #fafafa;
		.swiper-wrapper{
			.active{
				a{
					.px2rem(padding-right,25);
					.px2rem(padding-left,25);
					.px2rem(padding-top,19);
					.px2rem(padding-bottom,10);
					box-sizing:border-box;
					.px2rem(border-bottom-width,5);
					border-style:solid;
					border-color:#ff4545;
				}
			}
			.swiper-slide{
				text-align: center;
			}
		}
	}
	.sw{
		.px2rem(margin-top,20);
		background: #fff;
		width:100%;
		.swiper-wrapper{
			.swiper-slide{
				width: 100%;
				display: flex;
				flex-direction:column;
				.gd-top{
					color: #282828;
					.px2rem(font-size,28);
					.px2rem(height,125);
					text-align: center;
					.px2rem(line-height,125);
				}   
				.gd-bottom{
					display: flex;
					flex-wrap:wrap;
					justify-content:space-between;
					.px2rem(padding-left,20);
					.px2rem(padding-right,20);
					.gd-a{
						width: 49%;
						.px2rem(padding-bottom,38);
						dl{
							width: 100%;
							.px2rem(border-radius,10);
							dt{
								img{
									width: 100%;
								}
							}
							dd{
								width: 100%;
								color: #a18d63;
								.px2rem(font-size,25);
								.px2rem(height,72);
								.px2rem(line-height,72);
								background: #f7efe7;
								box-sizing: border-box;
								.px2rem(padding-left,14);
							}
						}
						.gw1{
							.px2rem(margin-top,18);
							span{
								color: #fff;
								.px2rem(margin-left,20);
								.px2rem(font-size,18);
								.px2rem(padding-left,20);
								.px2rem(padding-right,20);
								.px2rem(padding-top,5);
								.px2rem(padding-bottom,5);
								.px2rem(border-radius,4);
							}
							.bp{
								background: #dea24a;
							}
							.bp1{
								background: #e7797b;
							}
							.bp2{
								background: #ceb694;
							}
						}
						.gw2{
							.px2rem(margin-top,18);
							color: #171617;
							.px2rem(font-size,28);
							white-space:nowrap;
							overflow:hidden;
							text-overflow:ellipsis;
						}
						.gw3{
							color: #b52728;
							.px2rem(margin-top,14);
							.px2rem(font-size,22);
							white-space:nowrap;
							overflow:hidden;
							text-overflow:ellipsis;
						}
					}
				}
				.out{
					.px2rem(padding-left,20);
					.px2rem(padding-right,20);
					width: 100%;
					color: #b52728;
					text-align: center;
					.px2rem(line-height,90);
					.px2rem(font-size,22);
					background: #f4f4f4;
				}
			}
		}
	}
}
.up{
	position: fixed;
	.px2rem(bottom,120);
	.px2rem(right,20);
	background: #fff;
	z-index: 20;
	color: #787878;
	.px2rem(font-size,72);
	border-radius: 50%;
	opacity: .6;
	display: none;
}
.ups{
	display: block;
}